<template>
  <el-card>
    <template #header>
      <div class="card-header">
        <span style="color: #409eff;">
          <el-icon><MagicStick /></el-icon>
          最新题目
        </span>
      </div>
    </template>
    <el-table :data="tableData" stripe style="width: 100%" table-layout="fixed">
      <el-table-column prop="id" label="题目ID" />
      <el-table-column prop="title" label="标题" />
      <el-table-column prop="update" label="最近更新" />
    </el-table>
  </el-card>
</template>

<script lang="ts" setup>
const tableData = [
  {
    id: 'P1100',
    title: 'KKT函数506角谷猜想',
    update: '一个月前'
  },
  {
    id: 'P1100',
    title: 'KKT函数506角谷猜想',
    update: '一个月前'
  },
  {
    id: 'P1100',
    title: 'KKT函数506角谷猜想',
    update: '一个月前'
  },
  {
    id: 'P1100',
    title: 'KKT函数506角谷猜想',
    update: '一个月前'
  }
]
</script>
